<template>
  <div class="app-container">
    <div class="svg-box">
      <svg
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px"
        y="0px"
        viewBox="0 0 705 605"
        style="enable-background: new 0 0 705 605"
        xml:space="preserve"
        width="700"
      >
        <circle class="st0" cx="359.3" cy="302.7" r="258.3" />
        <rect x="665.7" y="306.4" class="st1" width="9.2" height="8.2" />
        <text transform="matrix(1 0 0 1 665.6865 314.1475)" class="st2 st3 st4">
          X
        </text>
        <rect x="348.5" y="16.9" class="st1" width="9.2" height="8.2" />
        <text transform="matrix(1 0 0 1 348.5171 24.6606)" class="st2 st3 st4">
          Y
        </text>
        <g>
          <g>
            <polygon
              class="st5"
              points="440.7,416.4 420.3,427.8 400,416.4 400,393.8 420.3,382.4 440.7,393.8 		"
            />
            <rect x="409.3" y="412.8" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 409.2676 419.2803)"
              class="st2 st6 st7"
            >
              17-14
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="338.9,518.2 318.6,529.5 298.2,518.2 298.2,495.5 318.6,484.2 338.9,495.5 		"
            />
            <rect x="311.6" y="495.3" class="st1" width="14.6" height="10.3" />
            <text
              transform="matrix(1 0 0 1 311.562 504.2129)"
              class="st2 st6 st8"
            >
              RE
            </text>
            <rect x="307.2" y="514.6" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 307.2173 521.0186)"
              class="st2 st6 st7"
            >
              21-15
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="338.9,110.9 318.6,122.2 298.2,110.9 298.2,88.2 318.6,76.9 338.9,88.2 		"
            />
            <rect x="311.6" y="87.9" class="st1" width="14.6" height="10.3" />
            <text
              transform="matrix(1 0 0 1 311.562 96.8877)"
              class="st2 st6 st8"
            >
              RE
            </text>
            <rect x="307.2" y="107.2" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 307.2173 113.6919)"
              class="st2 st6 st7"
            >
              15-21
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="359.3,144.8 338.9,156.2 318.6,144.8 318.6,122.2 338.9,110.8 359.3,122.2 		"
            />
            <rect x="327.6" y="141.2" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 327.5708 147.6616)"
              class="st2 st6 st7"
            >
              15-20
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="400,144.8 379.6,156.2 359.3,144.8 359.3,122.2 379.6,110.8 400,122.2 		"
            />
            <rect x="368.3" y="141.2" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 368.2783 147.6616)"
              class="st2 st6 st7"
            >
              14-19
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="379.6,178.7 359.3,190.1 338.9,178.7 338.9,156.1 359.3,144.7 379.6,156.1 		"
            />
            <rect x="347.9" y="175.1" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 347.9233 181.5806)"
              class="st2 st6 st7"
            >
              15-19
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="420.3,178.7 400,190.1 379.6,178.7 379.6,156.1 400,144.7 420.3,156.1 		"
            />
            <rect x="388.6" y="175.1" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 388.6309 181.5806)"
              class="st2 st6 st7"
            >
              14-18
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="461,178.7 440.7,190.1 420.3,178.7 420.3,156.1 440.7,144.7 461,156.1 		"
            />
            <rect x="433.7" y="155.8" class="st1" width="14.6" height="10.3" />
            <text
              transform="matrix(1 0 0 1 433.6826 164.7754)"
              class="st2 st6 st8"
            >
              SA
            </text>
            <rect x="429.3" y="175.1" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 429.3379 181.5806)"
              class="st2 st6 st7"
            >
              13-17
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="216.8,314.5 196.4,325.8 176.1,314.5 176.1,291.8 196.4,280.5 216.8,291.8 		"
            />
            <rect x="189.4" y="291.5" class="st1" width="14.6" height="10.3" />
            <text
              transform="matrix(1 0 0 1 189.4409 300.4941)"
              class="st2 st6 st8"
            >
              SA
            </text>
            <rect x="185.1" y="310.8" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 185.0972 317.2998)"
              class="st2 st6 st7"
            >
              21-21
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="461,450.4 440.7,461.7 420.3,450.4 420.3,427.7 440.7,416.4 461,427.7 		"
            />
            <rect x="433.7" y="427.4" class="st1" width="14.6" height="10.3" />
            <text
              transform="matrix(1 0 0 1 433.6826 436.3945)"
              class="st2 st6 st8"
            >
              SA
            </text>
            <rect x="429.3" y="446.7" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 429.3379 453.1992)"
              class="st2 st6 st7"
            >
              17-13
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="338.9,246.6 318.6,257.9 298.2,246.6 298.2,223.9 318.6,212.6 338.9,223.9 		"
            />
            <rect x="311.6" y="223.7" class="st1" width="14.6" height="10.3" />
            <text
              transform="matrix(1 0 0 1 311.562 232.6123)"
              class="st2 st6 st8"
            >
              SH
            </text>
            <rect x="307.2" y="242.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 307.2173 249.4165)"
              class="st2 st6 st7"
            >
              17-19
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="461,314.6 440.7,325.9 420.3,314.6 420.3,291.9 440.7,280.6 461,291.9 		"
            />
            <rect x="433.7" y="291.6" class="st1" width="14.6" height="10.3" />
            <text
              transform="matrix(1 0 0 1 433.6826 300.5938)"
              class="st2 st6 st8"
            >
              SH
            </text>
            <rect x="429.3" y="310.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 429.3379 317.3994)"
              class="st2 st6 st7"
            >
              15-15
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="338.9,382.5 318.6,393.9 298.2,382.5 298.2,359.9 318.6,348.5 338.9,359.9 		"
            />
            <rect x="311.6" y="359.6" class="st1" width="14.6" height="10.3" />
            <text
              transform="matrix(1 0 0 1 311.562 368.5576)"
              class="st2 st6 st8"
            >
              SH
            </text>
            <rect x="307.2" y="378.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 307.2173 385.3623)"
              class="st2 st6 st7"
            >
              19-17
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="318.6,212.7 298.2,224 277.9,212.7 277.9,190 298.2,178.7 318.6,190 		"
            />
            <rect x="286.9" y="209" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 286.8638 215.4985)"
              class="st2 st6 st7"
            >
              17-20
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="440.7,212.7 420.3,224 400,212.7 400,190 420.3,178.7 440.7,190 		"
            />
            <rect x="409" y="209" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 408.9854 215.4985)"
              class="st2 st6 st7"
            >
              14-17
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="522.1,212.7 501.7,224 481.4,212.7 481.4,190 501.7,178.7 522.1,190 		"
            />
            <rect x="490.4" y="209" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 490.3984 215.4985)"
              class="st2 st6 st7"
            >
              12-15
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="216.8,246.6 196.4,257.9 176.1,246.6 176.1,223.9 196.4,212.6 216.8,223.9 		"
            />
            <rect x="185.1" y="242.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 185.0972 249.4165)"
              class="st2 st6 st7"
            >
              20-22
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="257.5,246.6 237.1,257.9 216.8,246.6 216.8,223.9 237.1,212.6 257.5,223.9 		"
            />
            <rect x="225.8" y="242.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 225.8042 249.4165)"
              class="st2 st6 st7"
            >
              19-21
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="420.3,246.6 400,257.9 379.6,246.6 379.6,223.9 400,212.6 420.3,223.9 		"
            />
            <rect x="388.6" y="242.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 388.6309 249.4165)"
              class="st2 st6 st7"
            >
              15-17
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="501.7,246.6 481.4,257.9 461,246.6 461,223.9 481.4,212.6 501.7,223.9 		"
            />
            <rect x="470" y="242.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 470.0449 249.4165)"
              class="st2 st6 st7"
            >
              13-15
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="542.4,246.6 522.1,257.9 501.7,246.6 501.7,223.9 522.1,212.6 542.4,223.9 		"
            />
            <rect x="510.8" y="242.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 510.752 249.4165)"
              class="st2 st6 st7"
            >
              12-14
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="196.4,280.5 176.1,291.9 155.7,280.5 155.7,257.9 176.1,246.5 196.4,257.9 		"
            />
            <rect x="164.7" y="276.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 164.7437 283.3804)"
              class="st2 st6 st7"
            >
              21-22
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="237.1,280.5 216.8,291.9 196.4,280.5 196.4,257.9 216.8,246.5 237.1,257.9 		"
            />
            <rect x="205.5" y="276.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 205.4507 283.3804)"
              class="st2 st6 st7"
            >
              20-21
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="298.2,314.6 277.9,325.9 257.5,314.6 257.5,291.9 277.9,280.6 298.2,291.9 		"
            />
            <rect x="266.5" y="310.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 266.5112 317.3994)"
              class="st2 st6 st7"
            >
              19-19
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="176.1,314.6 155.7,325.9 135.4,314.6 135.4,291.9 155.7,280.6 176.1,291.9 		"
            />
            <rect x="144.4" y="310.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 144.3901 317.3994)"
              class="st2 st6 st7"
            >
              22-22
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="257.5,314.6 237.1,325.9 216.8,314.6 216.8,291.9 237.1,280.6 257.5,291.9 		"
            />
            <rect x="225.8" y="310.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 225.8042 317.3994)"
              class="st2 st6 st7"
            >
              20-20
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="501.7,314.6 481.4,325.9 461,314.6 461,291.9 481.4,280.6 501.7,291.9 		"
            />
            <rect x="470" y="310.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 470.0449 317.3994)"
              class="st2 st6 st7"
            >
              14-14
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="196.4,348.5 176.1,359.8 155.7,348.5 155.7,325.8 176.1,314.5 196.4,325.8 		"
            />
            <rect x="164.7" y="344.8" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 164.7437 351.3174)"
              class="st2 st6 st7"
            >
              22-21
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="237.1,348.5 216.8,359.8 196.4,348.5 196.4,325.8 216.8,314.5 237.1,325.8 		"
            />
            <rect x="205.5" y="344.8" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 205.4507 351.3174)"
              class="st2 st6 st7"
            >
              21-20
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="481.4,348.5 461,359.8 440.7,348.5 440.7,325.8 461,314.5 481.4,325.8 		"
            />
            <rect x="449.7" y="344.8" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 449.6914 351.3174)"
              class="st2 st6 st7"
            >
              15-14
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="216.8,382.5 196.4,393.9 176.1,382.5 176.1,359.9 196.4,348.5 216.8,359.9 		"
            />
            <rect x="185.1" y="378.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 185.0972 385.3623)"
              class="st2 st6 st7"
            >
              22-20
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="379.6,382.5 359.3,393.9 338.9,382.5 338.9,359.9 359.3,348.5 379.6,359.9 		"
            />
            <rect x="347.9" y="378.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 347.9233 385.3623)"
              class="st2 st6 st7"
            >
              18-16
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="420.3,382.5 400,393.9 379.6,382.5 379.6,359.9 400,348.5 420.3,359.9 		"
            />
            <rect x="388.6" y="378.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 388.6309 385.3623)"
              class="st2 st6 st7"
            >
              17-15
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="461,382.5 440.7,393.9 420.3,382.5 420.3,359.9 440.7,348.5 461,359.9 		"
            />
            <rect x="429.3" y="378.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 429.3379 385.3623)"
              class="st2 st6 st7"
            >
              16-14
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="501.7,382.5 481.4,393.9 461,382.5 461,359.9 481.4,348.5 501.7,359.9 		"
            />
            <rect x="470" y="378.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 470.0449 385.3623)"
              class="st2 st6 st7"
            >
              15-13
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="400,416.4 379.6,427.8 359.3,416.4 359.3,393.8 379.6,382.4 400,393.8 		"
            />
            <rect x="368.3" y="412.8" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 368.2783 419.2803)"
              class="st2 st6 st7"
            >
              18-15
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="420.3,450.4 400,461.7 379.6,450.4 379.6,427.7 400,416.4 420.3,427.7 		"
            />
            <rect x="388.6" y="446.7" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 388.6309 453.1992)"
              class="st2 st6 st7"
            >
              18-14
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="440.7,484.3 420.3,495.6 400,484.3 400,461.6 420.3,450.3 440.7,461.6 		"
            />
            <rect x="409" y="480.6" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 408.9854 487.0986)"
              class="st2 st6 st7"
            >
              18-13
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="318.6,484.3 298.2,495.6 277.9,484.3 277.9,461.6 298.2,450.3 318.6,461.6 		"
            />
            <rect x="286.9" y="480.6" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 286.8638 487.0986)"
              class="st2 st6 st7"
            >
              21-16
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="481.4,484.3 461,495.6 440.7,484.3 440.7,461.6 461,450.3 481.4,461.6 		"
            />
            <rect x="449.7" y="480.6" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 449.6914 487.0986)"
              class="st2 st6 st7"
            >
              17-12
            </text>
          </g>
          <g>
            <polygon
              class="st5"
              points="583.2,382.5 562.8,393.9 542.4,382.5 542.4,359.9 562.8,348.5 583.2,359.9 		"
            />
            <rect x="551.5" y="378.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 551.458 385.3623)"
              class="st2 st6 st7"
            >
              13-11
            </text>
          </g>
          <g>
            <polygon
              class="st9"
              points="298.2,450.4 277.9,461.7 257.5,450.4 257.5,427.7 277.9,416.4 298.2,427.7 		"
            />
            <rect x="266.5" y="446.7" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 266.5112 453.1992)"
              class="st2 st6 st7"
            >
              21-17
            </text>
          </g>
        </g>
        <g>
          <polygon
            class="st10"
            :class="hover.T10517"
            points="461,246.6 440.7,257.9 420.3,246.6 420.3,223.9 440.7,212.6 461,223.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10517_TMHX'])"
            @mouseover="mouseOver('T10517')"
            @mouseleave="mouseLeave('T10517')"
          />
          <rect x="429.3" y="242.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 429.3379 249.4165)"
            class="st2 st6 st7"
          >
            14-16
          </text>
          <polygon
            class="st10"
            :class="hover.T10517"
            points="440.7,280.5 420.3,291.9 400,280.5 400,257.9 420.3,246.5 440.7,257.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10517_TMHX'])"
            @mouseover="mouseOver('T10517')"
            @mouseleave="mouseLeave('T10517')"
          />
          <rect x="409" y="276.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 408.9854 283.3804)"
            class="st2 st6 st7"
          >
            15-16
          </text>
          <polygon
            class="st10"
            :class="hover.T10517"
            points="481.4,280.5 461,291.9 440.7,280.5 440.7,257.9 461,246.5 481.4,257.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10517_TMHX'])"
            @mouseover="mouseOver('T10517')"
            @mouseleave="mouseLeave('T10517')"
          />
          <rect x="449.7" y="276.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 449.6914 283.3804)"
            class="st2 st6 st7"
          >
            14-15
          </text>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10519"
            points="359.3,280.5 338.9,291.9 318.6,280.5 318.6,257.9 338.9,246.5 359.3,257.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10519_TMHX'])"
            @mouseover="mouseOver('T10519')"
            @mouseleave="mouseLeave('T10519')"
          />
          <rect x="327.6" y="276.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 327.5708 283.3804)"
            class="st2 st6 st7"
          >
            17-18
          </text>
          <polygon
            class="st11"
            :class="hover.T10519"
            points="400,280.5 379.6,291.9 359.3,280.5 359.3,257.9 379.6,246.5 400,257.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10519_TMHX'])"
            @mouseover="mouseOver('T10519')"
            @mouseleave="mouseLeave('T10519')"
          />
          <rect x="368.3" y="276.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 368.2783 283.3804)"
            class="st2 st6 st7"
          >
            16-17
          </text>
          <polygon
            class="st11"
            :class="hover.T10519"
            points="379.6,314.6 359.3,325.9 338.9,314.6 338.9,291.9 359.3,280.6 379.6,291.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10519_TMHX'])"
            @mouseover="mouseOver('T10519')"
            @mouseleave="mouseLeave('T10519')"
          />
          <rect x="347.9" y="310.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 347.9233 317.3994)"
            class="st2 st6 st7"
          >
            17-17
          </text>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10515"
            points="522.1,280.5 501.7,291.9 481.4,280.5 481.4,257.9 501.7,246.5 522.1,257.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10515_TMHX'])"
            @mouseover="mouseOver('T10515')"
            @mouseleave="mouseLeave('T10515')"
          />
          <rect x="490.4" y="276.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 490.3984 283.3804)"
            class="st2 st6 st7"
          >
            13-14
          </text>
          <polygon
            class="st11"
            :class="hover.T10515"
            points="562.8,280.5 542.4,291.9 522.1,280.5 522.1,257.9 542.4,246.5 562.8,257.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10515_TMHX'])"
            @mouseover="mouseOver('T10515')"
            @mouseleave="mouseLeave('T10515')"
          />
          <rect x="531.1" y="276.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 531.1055 283.3804)"
            class="st2 st6 st7"
          >
            12-13
          </text>
          <polygon
            class="st11"
            :class="hover.T10515"
            points="542.4,314.6 522.1,325.9 501.7,314.6 501.7,291.9 522.1,280.6 542.4,291.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10515_TMHX'])"
            @mouseover="mouseOver('T10515')"
            @mouseleave="mouseLeave('T10515')"
          />
          <rect x="510.8" y="310.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 510.752 317.3994)"
            class="st2 st6 st7"
          >
            13-13
          </text>
        </g>
        <g>
          <polygon
            class="st12"
            :class="hover.T10533"
            points="338.9,314.6 318.6,325.9 298.2,314.6 298.2,291.9 318.6,280.6 338.9,291.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10533_TMHX'])"
            @mouseover="mouseOver('T10533')"
            @mouseleave="mouseLeave('T10533')"
          />
          <rect x="307.2" y="310.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 307.2173 317.3994)"
            class="st2 st6 st7"
          >
            18-18
          </text>
          <polygon
            class="st12"
            :class="hover.T10533"
            points="318.6,348.5 298.2,359.8 277.9,348.5 277.9,325.8 298.2,314.5 318.6,325.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10533_TMHX'])"
            @mouseover="mouseOver('T10533')"
            @mouseleave="mouseLeave('T10533')"
          />
          <g>
            <rect x="286.9" y="344.8" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 286.8638 351.3174)"
              class="st2 st6 st7"
            >
              19-18
            </text>
          </g>
          <polygon
            class="st12"
            :class="hover.T10533"
            points="359.3,348.5 338.9,359.8 318.6,348.5 318.6,325.8 338.9,314.5 359.3,325.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10533_TMHX'])"
            @mouseover="mouseOver('T10533')"
            @mouseleave="mouseLeave('T10533')"
          />
          <g>
            <rect x="327.6" y="344.8" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 327.5708 351.3174)"
              class="st2 st6 st7"
            >
              18-17
            </text>
          </g>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10513"
            points="420.3,314.6 400,325.9 379.6,314.6 379.6,291.9 400,280.6 420.3,291.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10513_TMHX'])"
            @mouseover="mouseOver('T10513')"
            @mouseleave="mouseLeave('T10513')"
          />
          <rect x="388.6" y="310.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 388.6309 317.3994)"
            class="st2 st6 st7"
          >
            16-16
          </text>
          <polygon
            class="st11"
            :class="hover.T10513"
            points="400,348.5 379.6,359.8 359.3,348.5 359.3,325.8 379.6,314.5 400,325.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10513_TMHX'])"
            @mouseover="mouseOver('T10513')"
            @mouseleave="mouseLeave('T10513')"
          />
          <rect x="368.3" y="344.8" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 368.2783 351.3174)"
            class="st2 st6 st7"
          >
            17-16
          </text>
          <polygon
            class="st11"
            :class="hover.T10513"
            points="440.7,348.5 420.3,359.8 400,348.5 400,325.8 420.3,314.5 440.7,325.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10513_TMHX'])"
            @mouseover="mouseOver('T10513')"
            @mouseleave="mouseLeave('T10513')"
          />
          <rect x="409" y="344.8" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 408.9854 351.3174)"
            class="st2 st6 st7"
          >
            16-15
          </text>
        </g>
        <g>
          <polygon
            class="st12"
            :class="hover.T10503"
            points="277.9,348.5 257.5,359.8 237.1,348.5 237.1,325.8 257.5,314.5 277.9,325.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10503_TMHX'])"
            @mouseover="mouseOver('T10503')"
            @mouseleave="mouseLeave('T10503')"
          />
          <g>
            <rect x="246.2" y="344.8" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 246.1577 351.3174)"
              class="st2 st6 st7"
            >
              20-19
            </text>
          </g>
          <polygon
            class="st12"
            :class="hover.T10503"
            points="257.5,382.5 237.1,393.9 216.8,382.5 216.8,359.9 237.1,348.5 257.5,359.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10503_TMHX'])"
            @mouseover="mouseOver('T10503')"
            @mouseleave="mouseLeave('T10503')"
          />
          <rect x="225.8" y="378.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 225.8042 385.3623)"
            class="st2 st6 st7"
          >
            21-19
          </text>
          <polygon
            class="st12"
            :class="hover.T10503"
            points="298.2,382.5 277.9,393.9 257.5,382.5 257.5,359.9 277.9,348.5 298.2,359.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10503_TMHX'])"
            @mouseover="mouseOver('T10503')"
            @mouseleave="mouseLeave('T10503')"
          />
          <g>
            <rect x="266.5" y="378.9" class="st1" width="22.7" height="8.2" />
            <text
              transform="matrix(1 0 0 1 266.5112 385.3623)"
              class="st2 st6 st7"
            >
              20-18
            </text>
          </g>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10501"
            points="237.1,416.4 216.8,427.8 196.4,416.4 196.4,393.8 216.8,382.4 237.1,393.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10501_TMHX'])"
            @mouseover="mouseOver('T10501')"
            @mouseleave="mouseLeave('T10501')"
          />
          <rect x="205.5" y="412.8" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 205.4507 419.2803)"
            class="st2 st6 st7"
          >
            22-29
          </text>
          <polygon
            class="st11"
            :class="hover.T10501"
            points="277.9,416.4 257.5,427.8 237.1,416.4 237.1,393.8 257.5,382.4 277.9,393.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10501_TMHX'])"
            @mouseover="mouseOver('T10501')"
            @mouseleave="mouseLeave('T10501')"
          />
          <rect x="246.2" y="412.8" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 246.1577 419.2803)"
            class="st2 st6 st7"
          >
            21-18
          </text>
          <polygon
            class="st11"
            :class="hover.T10501"
            points="257.5,450.4 237.1,461.7 216.8,450.4 216.8,427.7 237.1,416.4 257.5,427.7 	"
            :style="'fill:' + colorStatus(coreState['HD:T10501_TMHX'])"
            @mouseover="mouseOver('T10501')"
            @mouseleave="mouseLeave('T10501')"
          />
          <rect x="225.8" y="446.7" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 225.8042 453.1992)"
            class="st2 st6 st7"
          >
            22-18
          </text>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10505"
            points="359.3,416.4 338.9,427.8 318.6,416.4 318.6,393.8 338.9,382.4 359.3,393.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10505_TMHX'])"
            @mouseover="mouseOver('T10505')"
            @mouseleave="mouseLeave('T10505')"
          />
          <rect x="327.6" y="412.8" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 327.5708 419.2803)"
            class="st2 st6 st7"
          >
            19-16
          </text>
          <polygon
            class="st11"
            :class="hover.T10505"
            points="318.6,416.4 298.2,427.8 277.9,416.4 277.9,393.8 298.2,382.4 318.6,393.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10505_TMHX'])"
            @mouseover="mouseOver('T10505')"
            @mouseleave="mouseLeave('T10505')"
          />
          <rect x="286.9" y="412.8" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 286.8647 419.2803)"
            class="st2 st6 st7"
          >
            20-17
          </text>
          <polygon
            class="st11"
            :class="hover.T10505"
            points="338.9,450.4 318.6,461.7 298.2,450.4 298.2,427.7 318.6,416.4 338.9,427.7 	"
            :style="'fill:' + colorStatus(coreState['HD:T10505_TMHX'])"
            @mouseover="mouseOver('T10505')"
            @mouseleave="mouseLeave('T10505')"
          />
          <rect x="307.2" y="446.7" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 307.2173 453.1992)"
            class="st2 st6 st7"
          >
            20-16
          </text>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10507"
            points="379.6,450.4 359.3,461.7 338.9,450.4 338.9,427.7 359.3,416.4 379.6,427.7 	"
            :style="'fill:' + colorStatus(coreState['HD:T10507_TMHX'])"
            @mouseover="mouseOver('T10507')"
            @mouseleave="mouseLeave('T10507')"
          />
          <rect x="347.9" y="446.7" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 347.9233 453.1992)"
            class="st2 st6 st7"
          >
            19-15
          </text>
          <polygon
            class="st11"
            :class="hover.T10507"
            points="359.3,484.3 338.9,495.6 318.6,484.3 318.6,461.6 338.9,450.3 359.3,461.6 	"
            :style="'fill:' + colorStatus(coreState['HD:T10507_TMHX'])"
            @mouseover="mouseOver('T10507')"
            @mouseleave="mouseLeave('T10507')"
          />
          <rect x="327.6" y="480.6" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 327.5708 487.0986)"
            class="st2 st6 st7"
          >
            20-15
          </text>
          <polygon
            class="st11"
            :class="hover.T10507"
            points="400,484.3 379.6,495.6 359.3,484.3 359.3,461.6 379.6,450.3 400,461.6 	"
            :style="'fill:' + colorStatus(coreState['HD:T10507_TMHX'])"
            @mouseover="mouseOver('T10507')"
            @mouseleave="mouseLeave('T10507')"
          />
          <rect x="368.3" y="480.6" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 368.2783 487.0986)"
            class="st2 st6 st7"
          >
            19-14
          </text>
        </g>
        <g>
          <polygon
            class="st15"
            :class="hover.T10509"
            points="481.4,416.4 461,427.8 440.7,416.4 440.7,393.8 461,382.4 481.4,393.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10509_TMHX'])"
            @mouseover="mouseOver('T10509')"
            @mouseleave="mouseLeave('T10509')"
          />
          <rect x="449.7" y="412.8" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 449.6914 419.2803)"
            class="st2 st6 st7"
          >
            16-13
          </text>
          <polygon
            class="st15"
            :class="hover.T10509"
            points="501.7,450.4 481.4,461.7 461,450.4 461,427.7 481.4,416.4 501.7,427.7 	"
            :style="'fill:' + colorStatus(coreState['HD:T10509_TMHX'])"
            @mouseover="mouseOver('T10509')"
            @mouseleave="mouseLeave('T10509')"
          />
          <rect x="470" y="446.7" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 470.0449 453.1992)"
            class="st2 st6 st7"
          >
            16-12
          </text>
          <polygon
            class="st15"
            :class="hover.T10509"
            points="522.1,416.4 501.7,427.8 481.4,416.4 481.4,393.8 501.7,382.4 522.1,393.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10509_TMHX'])"
            @mouseover="mouseOver('T10509')"
            @mouseleave="mouseLeave('T10509')"
          />
          <rect x="490.4" y="412.8" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 490.3984 419.2803)"
            class="st2 st6 st7"
          >
            15-12
          </text>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10511"
            points="522.1,348.5 501.7,359.8 481.4,348.5 481.4,325.8 501.7,314.5 522.1,325.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10511_TMHX'])"
            @mouseover="mouseOver('T10511')"
            @mouseleave="mouseLeave('T10511')"
          />
          <rect x="490.4" y="344.8" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 490.3984 351.3174)"
            class="st2 st6 st7"
          >
            14-13
          </text>
          <polygon
            class="st11"
            :class="hover.T10511"
            points="562.8,348.5 542.4,359.8 522.1,348.5 522.1,325.8 542.4,314.5 562.8,325.8 	"
            :style="'fill:' + colorStatus(coreState['HD:T10511_TMHX'])"
            @mouseover="mouseOver('T10511')"
            @mouseleave="mouseLeave('T10511')"
          />
          <rect x="531.1" y="344.8" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 531.1055 351.3174)"
            class="st2 st6 st7"
          >
            13-12
          </text>
          <polygon
            class="st11"
            :class="hover.T10511"
            points="542.4,382.5 522.1,393.9 501.7,382.5 501.7,359.9 522.1,348.5 542.4,359.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10511_TMHX'])"
            @mouseover="mouseOver('T10511')"
            @mouseleave="mouseLeave('T10511')"
          />
          <rect x="510.8" y="378.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 510.752 385.3623)"
            class="st2 st6 st7"
          >
            14-12
          </text>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10525"
            points="318.6,144.8 298.2,156.2 277.9,144.8 277.9,122.2 298.2,110.8 318.6,122.2 	"
            :style="'fill:' + colorStatus(coreState['HD:T10525_TMHX'])"
            @mouseover="mouseOver('T10525')"
            @mouseleave="mouseLeave('T10525')"
          />
          <rect x="286.9" y="141.2" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 286.8638 147.6616)"
            class="st2 st6 st7"
          >
            16-21
          </text>
          <polygon
            class="st11"
            :class="hover.T10525"
            points="298.2,178.7 277.9,190.1 257.5,178.7 257.5,156.1 277.9,144.7 298.2,156.1 	"
            :style="'fill:' + colorStatus(coreState['HD:T10525_TMHX'])"
            @mouseover="mouseOver('T10525')"
            @mouseleave="mouseLeave('T10525')"
          />
          <rect x="266.5" y="175.1" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 266.5112 181.5806)"
            class="st2 st6 st7"
          >
            17-21
          </text>
          <polygon
            class="st11"
            :class="hover.T10525"
            points="338.9,178.7 318.6,190.1 298.2,178.7 298.2,156.1 318.6,144.7 338.9,156.1 	"
            :style="'fill:' + colorStatus(coreState['HD:T10525_TMHX'])"
            @mouseover="mouseOver('T10525')"
            @mouseleave="mouseLeave('T10525')"
          />
          <rect x="307.2" y="175.1" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 307.2173 181.5806)"
            class="st2 st6 st7"
          >
            16-20
          </text>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10531"
            points="257.5,178.7 237.1,190.1 216.8,178.7 216.8,156.1 237.1,144.7 257.5,156.1 	"
            :style="'fill:' + colorStatus(coreState['HD:T10531_TMHX'])"
            @mouseover="mouseOver('T10531')"
            @mouseleave="mouseLeave('T10531')"
          />
          <rect x="225.8" y="175.1" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 225.8042 181.5806)"
            class="st2 st6 st7"
          >
            18-22
          </text>
          <polygon
            class="st11"
            :class="hover.T10531"
            points="237.1,212.7 216.8,224 196.4,212.7 196.4,190 216.8,178.7 237.1,190 	"
            :style="'fill:' + colorStatus(coreState['HD:T10531_TMHX'])"
            @mouseover="mouseOver('T10531')"
            @mouseleave="mouseLeave('T10531')"
          />
          <rect x="205.5" y="209" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 205.4507 215.4985)"
            class="st2 st6 st7"
          >
            19-22
          </text>
          <polygon
            class="st11"
            :class="hover.T10531"
            points="277.9,212.7 257.5,224 237.1,212.7 237.1,190 257.5,178.7 277.9,190 	"
            :style="'fill:' + colorStatus(coreState['HD:T10531_TMHX'])"
            @mouseover="mouseOver('T10531')"
            @mouseleave="mouseLeave('T10531')"
          />
          <rect x="246.2" y="209" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 246.1577 215.4985)"
            class="st2 st6 st7"
          >
            18-21
          </text>
        </g>
        <g>
          <polygon
            class="st15"
            :class="hover.T10523"
            points="440.7,144.8 420.3,156.2 400,144.8 400,122.2 420.3,110.8 440.7,122.2 	"
            :style="'fill:' + colorStatus(coreState['HD:T10523_TMHX'])"
            @mouseover="mouseOver('T10523')"
            @mouseleave="mouseLeave('T10523')"
          />
          <rect x="409" y="141.2" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 408.9854 147.6616)"
            class="st2 st6 st7"
          >
            13-18
          </text>
          <polygon
            class="st15"
            :class="hover.T10523"
            points="481.4,144.8 461,156.2 440.7,144.8 440.7,122.2 461,110.8 481.4,122.2 	"
            :style="'fill:' + colorStatus(coreState['HD:T10523_TMHX'])"
            @mouseover="mouseOver('T10523')"
            @mouseleave="mouseLeave('T10523')"
          />
          <rect x="449.7" y="141.2" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 449.6914 147.6616)"
            class="st2 st6 st7"
          >
            12-17
          </text>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10521"
            points="501.7,178.7 481.4,190.1 461,178.7 461,156.1 481.4,144.7 501.7,156.1 	"
            :style="'fill:' + colorStatus(coreState['HD:T10521_TMHX'])"
            @mouseover="mouseOver('T10521')"
            @mouseleave="mouseLeave('T10521')"
          />
          <rect x="470" y="175.1" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 470.0449 181.5806)"
            class="st2 st6 st7"
          >
            12-16
          </text>
          <polygon
            class="st11"
            :class="hover.T10521"
            points="481.4,212.7 461,224 440.7,212.7 440.7,190 461,178.7 481.4,190 	"
            :style="'fill:' + colorStatus(coreState['HD:T10521_TMHX'])"
            @mouseover="mouseOver('T10521')"
            @mouseleave="mouseLeave('T10521')"
          />
          <rect x="449.7" y="209" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 449.6914 215.4985)"
            class="st2 st6 st7"
          >
            13-16
          </text>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10529"
            points="298.2,246.6 277.9,257.9 257.5,246.6 257.5,223.9 277.9,212.6 298.2,223.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10529_TMHX'])"
            @mouseover="mouseOver('T10529')"
            @mouseleave="mouseLeave('T10529')"
          />
          <rect x="266.5" y="242.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 266.5112 249.4165)"
            class="st2 st6 st7"
          >
            18-20
          </text>
          <polygon
            class="st11"
            :class="hover.T10529"
            points="318.6,280.5 298.2,291.9 277.9,280.5 277.9,257.9 298.2,246.5 318.6,257.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10529_TMHX'])"
            @mouseover="mouseOver('T10529')"
            @mouseleave="mouseLeave('T10529')"
          />
          <rect x="286.9" y="276.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 286.8638 283.3804)"
            class="st2 st6 st7"
          >
            18-19
          </text>
          <polygon
            class="st11"
            :class="hover.T10529"
            points="277.9,280.5 257.5,291.9 237.1,280.5 237.1,257.9 257.5,246.5 277.9,257.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10529_TMHX'])"
            @mouseover="mouseOver('T10529')"
            @mouseleave="mouseLeave('T10529')"
          />
          <rect x="246.2" y="276.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 246.1577 283.3804)"
            class="st2 st6 st7"
          >
            19-20
          </text>
        </g>
        <g>
          <polygon
            class="st11"
            :class="hover.T10527"
            points="359.3,212.7 338.9,224 318.6,212.7 318.6,190 338.9,178.7 359.3,190 	"
            :style="'fill:' + colorStatus(coreState['HD:T10527_TMHX'])"
            @mouseover="mouseOver('T10527')"
            @mouseleave="mouseLeave('T10527')"
          />
          <rect x="327.6" y="209" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 327.5708 215.4985)"
            class="st2 st6 st7"
          >
            16-19
          </text>
          <polygon
            class="st11"
            :class="hover.T10527"
            points="400,212.7 379.6,224 359.3,212.7 359.3,190 379.6,178.7 400,190 	"
            :style="'fill:' + colorStatus(coreState['HD:T10527_TMHX'])"
            @mouseover="mouseOver('T10527')"
            @mouseleave="mouseLeave('T10527')"
          />
          <rect x="368.3" y="209" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 368.2783 215.4985)"
            class="st2 st6 st7"
          >
            15-18
          </text>
          <polygon
            class="st11"
            :class="hover.T10527"
            points="379.6,246.6 359.3,257.9 338.9,246.6 338.9,223.9 359.3,212.6 379.6,223.9 	"
            :style="'fill:' + colorStatus(coreState['HD:T10527_TMHX'])"
            @mouseover="mouseOver('T10527')"
            @mouseleave="mouseLeave('T10527')"
          />
          <rect x="347.9" y="242.9" class="st1" width="22.7" height="8.2" />
          <text
            transform="matrix(1 0 0 1 347.9233 249.4165)"
            class="st2 st6 st7"
          >
            16-18
          </text>
        </g>
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M207.7,66.5c0,2.1-1.7,3.9-3.9,3.9h-51.6c-2.1,0-3.9-1.7-3.9-3.9V5.7c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V66.5z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect x="152" y="18.5" class="st13" width="52.2" height="13.8" />
            </g>
            <defs>
              <filter
                filterUnits="userSpaceOnUse"
                x="152"
                y="18.5"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask x="152" y="18.5" width="52.2" height="13.8" id="SVGID_1_">
              <g class="st17">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 150 16)"
                ></image>
              </g>
            </mask>
            <g class="st18">
              <rect x="152" y="18.5" class="st19" width="52.2" height="13.8" />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="152.3"
                y="52.7"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                filterUnits="userSpaceOnUse"
                x="152.3"
                y="52.7"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask x="152.3" y="52.7" width="52.2" height="13.8" id="SVGID_2_">
              <g class="st20">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 150 50)"
                ></image>
              </g>
            </mask>
            <g class="st21">
              <rect
                x="152.3"
                y="52.7"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="162.1" y="6.9" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 162.105 14.585)"
            class="st22 st6 st23"
          >
            T10525
          </text>

          <g id="_x32_47.0_x2103__1_">
            <rect x="164.8" y="21.6" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 164.7739 28.3892)"
              class="st24 st6 st25"
              :style="degreeState['T10525'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10525"] }}℃
            </text>
          </g>
          <rect x="161.9" y="41.4" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 161.8677 49.1143)"
            class="st22 st6 st23"
          >
            T10526
          </text>
          <g id="_x32_47.0_x2103_">
            <rect x="164.5" y="56.3" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 164.5366 63.1606)"
              class="st24 st6 st25"
              :style="degreeState['T10526'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10526"] }}℃
            </text>
          </g>
          <line class="st26" x1="148.3" y1="36.1" x2="207.7" y2="36.1" />
        </g>

        <!--第二-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M130.6,133.6c0,2.1-1.7,3.9-3.9,3.9H75.1c-2.1,0-3.9-1.7-3.9-3.9V72.7c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V133.6z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect x="74.9" y="85.6" class="st13" width="52.2" height="13.8" />
            </g>
            <defs>
              <filter
                filterUnits="userSpaceOnUse"
                x="74.9"
                y="85.6"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask x="74.9" y="85.6" width="52.2" height="13.8" id="SVGID_3_">
              <g class="st27">
                <image
                  style="overflow: visible"
                  width="58"
                  height="19"
                  transform="matrix(1 0 0 1 72 83)"
                ></image>
              </g>
            </mask>
            <g class="st28">
              <rect x="74.9" y="85.6" class="st19" width="52.2" height="13.8" />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="75.2"
                y="119.8"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                filterUnits="userSpaceOnUse"
                x="75.2"
                y="119.8"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask x="75.2" y="119.8" width="52.2" height="13.8" id="SVGID_4_">
              <g class="st29">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 73 117)"
                ></image>
              </g>
            </mask>
            <g class="st30">
              <rect
                x="75.2"
                y="119.8"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="85" y="74" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 84.9888 81.6562)"
            class="st22 st6 st23"
          >
            T10531
          </text>
          <g id="_x32_47.0_x2103__54_">
            <rect x="87.7" y="88.6" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 87.6577 95.4604)"
              class="st24 st6 st25"
              :style="degreeState['T10531'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10531"] }}℃
            </text>
          </g>
          <rect x="84.8" y="108.5" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 84.7515 116.1855)"
            class="st22 st6 st23"
          >
            T10532
          </text>
          <g id="_x32_47.0_x2103__3_">
            <rect x="87.4" y="123.4" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 87.4194 130.2329)"
              class="st24 st6 st25"
              :style="degreeState['T10532'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10532"] }}℃
            </text>
          </g>
          <line class="st26" x1="71.2" y1="103.2" x2="130.6" y2="103.2" />
        </g>

        <!--第三-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M78.8,209.6c0,2.1-1.7,3.9-3.9,3.9H23.3c-2.1,0-3.9-1.7-3.9-3.9v-60.9c0-2.1,1.7-3.9,3.9-3.9H75
          c2.1,0,3.9,1.7,3.9,3.9V209.6z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="23.1"
                y="161.6"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                filterUnits="userSpaceOnUse"
                x="23.1"
                y="161.6"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask x="23.1" y="161.6" width="52.2" height="13.8" id="SVGID_5_">
              <g class="st31">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 21 159)"
                ></image>
              </g>
            </mask>
            <g class="st32">
              <rect
                x="23.1"
                y="161.6"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="23.4"
                y="195.9"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                filterUnits="userSpaceOnUse"
                x="23.4"
                y="195.9"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask x="23.4" y="195.9" width="52.2" height="13.8" id="SVGID_6_">
              <g class="st33">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 21 193)"
                ></image>
              </g>
            </mask>
            <g class="st34">
              <rect
                x="23.4"
                y="195.9"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="33.2" y="150" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 33.2036 157.7256)"
            class="st22 st6 st23"
          >
            T10529
          </text>
          <g id="_x32_47.0_x2103__58_">
            <rect x="35.9" y="164.7" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 35.8716 171.5298)"
              class="st24 st6 st25"
              :style="degreeState['T10529'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10529"] }}℃
            </text>
          </g>
          <rect x="33" y="184.6" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 32.9653 192.2559)"
            class="st22 st6 st23"
          >
            T10530
          </text>
          <g id="_x32_47.0_x2103__53_">
            <rect x="35.6" y="199.5" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 35.6343 206.3022)"
              class="st24 st6 st25"
              :style="degreeState['T10530'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10530"] }}℃
            </text>
          </g>
          <line class="st26" x1="19.4" y1="179.2" x2="78.8" y2="179.2" />
        </g>

        <!--第四-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M64.8,291.9c0,2.1-1.7,3.9-3.9,3.9H9.3c-2.1,0-3.9-1.7-3.9-3.9V231c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V291.9z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect x="9.1" y="243.8" class="st13" width="52.2" height="13.8" />
            </g>
            <defs>
              <filter
                filterUnits="userSpaceOnUse"
                x="9.1"
                y="243.8"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask x="9.1" y="243.8" width="52.2" height="13.8" id="SVGID_7_">
              <g class="st35">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 7 241)"
                ></image>
              </g>
            </mask>
            <g class="st36">
              <rect x="9.1" y="243.8" class="st19" width="52.2" height="13.8" />
            </g>
          </g>
          <g>
            <g>
              <rect x="9.4" y="278.1" class="st13" width="52.2" height="13.8" />
            </g>
            <defs>
              <filter
                filterUnits="userSpaceOnUse"
                x="9.4"
                y="278.1"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="9.4"
              y="278.1"
              width="52.2"
              height="13.8"
              id="SVGID_8_"
            >
              <g class="st37">
                <image
                  style="overflow: visible"
                  width="57"
                  height="18"
                  transform="matrix(1 0 0 1 7 276)"
                ></image>
              </g>
            </mask>
            <g class="st38">
              <rect x="9.4" y="278.1" class="st19" width="52.2" height="13.8" />
            </g>
          </g>
          <rect x="19.2" y="232.3" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 19.2017 239.9463)"
            class="st22 st6 st23"
          >
            T10533
          </text>
          <g id="_x32_47.0_x2103__62_">
            <rect x="21.9" y="246.9" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 21.8696 253.7495)"
              class="st24 st6 st25"
              :style="degreeState['T10533'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10533"] }}℃
            </text>
          </g>
          <rect x="19" y="266.8" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 18.9644 274.4756)"
            class="st22 st6 st23"
          >
            T10534
          </text>
          <g id="_x32_47.0_x2103__57_">
            <rect x="21.6" y="281.7" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 21.6323 288.522)"
              class="st24 st6 st25"
              :style="degreeState['T10534'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10534"] }}℃
            </text>
          </g>
          <line class="st26" x1="5.4" y1="261.4" x2="64.8" y2="261.4" />
        </g>

        <!--第五-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M74.8,398.6c0,2.1-1.7,3.9-3.9,3.9H19.3c-2.1,0-3.9-1.7-3.9-3.9v-60.9c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V398.6z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="19.1"
                y="350.6"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_8_"
                filterUnits="userSpaceOnUse"
                x="19.1"
                y="350.6"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="19.1"
              y="350.6"
              width="52.2"
              height="13.8"
              id="SVGID_9_"
            >
              <g class="st39">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 17 348)"
                ></image>
              </g>
            </mask>
            <g class="st40">
              <rect
                x="19.1"
                y="350.6"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="19.4"
                y="384.9"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_9_"
                filterUnits="userSpaceOnUse"
                x="19.4"
                y="384.9"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="19.4"
              y="384.9"
              width="52.2"
              height="13.8"
              id="SVGID_10_"
            >
              <g class="st41">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 17 382)"
                ></image>
              </g>
            </mask>
            <g class="st42">
              <rect
                x="19.4"
                y="384.9"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="29.2" y="339" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 29.1831 346.7119)"
            class="st22 st6 st23"
          >
            T10503
          </text>
          <g id="_x32_47.0_x2103__66_">
            <rect x="31.9" y="353.7" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 31.8511 360.5156)"
              class="st24 st6 st25"
              :style="degreeState['T10503'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10503"] }}℃
            </text>
          </g>
          <rect x="28.9" y="373.6" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 28.9448 381.2402)"
            class="st22 st6 st23"
          >
            T10504
          </text>
          <g id="_x32_47.0_x2103__61_">
            <rect x="31.6" y="388.5" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 31.6138 395.2871)"
              class="st24 st6 st25"
              :style="degreeState['T10504'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10504"] }}℃
            </text>
          </g>
          <line class="st26" x1="15.4" y1="368.2" x2="74.8" y2="368.2" />
        </g>

        <!--第6-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M104.9,477.2c0,2.1-1.7,3.9-3.9,3.9H49.4c-2.1,0-3.9-1.7-3.9-3.9v-60.9c0-2.1,1.7-3.9,3.9-3.9H101
          c2.1,0,3.9,1.7,3.9,3.9V477.2z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="49.2"
                y="429.1"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_10_"
                filterUnits="userSpaceOnUse"
                x="49.2"
                y="429.1"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="49.2"
              y="429.1"
              width="52.2"
              height="13.8"
              id="SVGID_11_"
            >
              <g class="st43">
                <image
                  style="overflow: visible"
                  width="57"
                  height="18"
                  transform="matrix(1 0 0 1 47 427)"
                ></image>
              </g>
            </mask>
            <g class="st44">
              <rect
                x="49.2"
                y="429.1"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="49.4"
                y="463.4"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_11_"
                filterUnits="userSpaceOnUse"
                x="49.4"
                y="463.4"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="49.4"
              y="463.4"
              width="52.2"
              height="13.8"
              id="SVGID_12_"
            >
              <g class="st45">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 47 461)"
                ></image>
              </g>
            </mask>
            <g class="st46">
              <rect
                x="49.4"
                y="463.4"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="59.2" y="417.5" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 59.2358 425.2344)"
            class="st22 st6 st23"
          >
            T10501
          </text>
          <g id="_x32_47.0_x2103__70_">
            <rect x="61.9" y="432.2" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 61.9048 439.0381)"
              class="st24 st6 st25"
              :style="degreeState['T10501'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10501"] }}℃
            </text>
          </g>
          <rect x="59" y="452.1" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 58.9985 459.7637)"
            class="st22 st6 st23"
          >
            T10502
          </text>
          <g id="_x32_47.0_x2103__65_">
            <rect x="61.7" y="467" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 61.6665 473.8096)"
              class="st24 st6 st25"
              :style="degreeState['T10502'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10502"] }}℃
            </text>
          </g>
          <line class="st26" x1="45.5" y1="446.7" x2="104.9" y2="446.7" />
        </g>

        <!--第7-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M160.6,553.2c0,2.1-1.7,3.9-3.9,3.9H105c-2.1,0-3.9-1.7-3.9-3.9v-60.9c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V553.2z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="104.9"
                y="505.2"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_12_"
                filterUnits="userSpaceOnUse"
                x="104.9"
                y="505.2"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="104.9"
              y="505.2"
              width="52.2"
              height="13.8"
              id="SVGID_13_"
            >
              <g class="st47">
                <image
                  style="overflow: visible"
                  width="58"
                  height="18"
                  transform="matrix(1 0 0 1 102 503)"
                ></image>
              </g>
            </mask>
            <g class="st48">
              <rect
                x="104.9"
                y="505.2"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="105.1"
                y="539.4"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_13_"
                filterUnits="userSpaceOnUse"
                x="105.1"
                y="539.4"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="105.1"
              y="539.4"
              width="52.2"
              height="13.8"
              id="SVGID_14_"
            >
              <g class="st49">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 103 537)"
                ></image>
              </g>
            </mask>
            <g class="st50">
              <rect
                x="105.1"
                y="539.4"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="114.9" y="493.6" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 114.9233 501.2734)"
            class="st22 st6 st23"
          >
            T10505
          </text>
          <g id="_x32_47.0_x2103__74_">
            <rect x="117.6" y="508.2" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 117.5923 515.0771)"
              class="st24 st6 st25"
              :style="degreeState['T10505'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10505"] }}℃
            </text>
          </g>
          <rect x="114.7" y="528.1" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 114.6851 535.8037)"
            class="st22 st6 st23"
          >
            T10506
          </text>
          <g id="_x32_47.0_x2103__69_">
            <rect x="117.4" y="543" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 117.354 549.8496)"
              class="st24 st6 st25"
              :style="degreeState['T10506'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10506"] }}℃
            </text>
          </g>
          <line class="st26" x1="101.2" y1="522.8" x2="160.6" y2="522.8" />
        </g>

        <!--第8-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M237.7,599.1c0,2.1-1.7,3.9-3.9,3.9h-51.6c-2.1,0-3.9-1.7-3.9-3.9v-60.9c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V599.1z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="182.1"
                y="551.1"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_14_"
                filterUnits="userSpaceOnUse"
                x="182.1"
                y="551.1"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="182.1"
              y="551.1"
              width="52.2"
              height="13.8"
              id="SVGID_15_"
            >
              <g class="st51">
                <image
                  style="overflow: visible"
                  width="57"
                  height="18"
                  transform="matrix(1 0 0 1 180 549)"
                ></image>
              </g>
            </mask>
            <g class="st52">
              <rect
                x="182.1"
                y="551.1"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="182.3"
                y="585.3"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_15_"
                filterUnits="userSpaceOnUse"
                x="182.3"
                y="585.3"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="182.3"
              y="585.3"
              width="52.2"
              height="13.8"
              id="SVGID_16_"
            >
              <g class="st53">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 180 583)"
                ></image>
              </g>
            </mask>
            <g class="st54">
              <rect
                x="182.3"
                y="585.3"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="192.1" y="539.5" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 192.1187 547.1953)"
            class="st22 st6 st23"
          >
            T10507
          </text>
          <g id="_x32_47.0_x2103__78_">
            <rect x="194.8" y="554.2" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 194.7876 560.999)"
              class="st24 st6 st25"
              :style="degreeState['T10507'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10507"] }}℃
            </text>
          </g>
          <rect x="191.9" y="574" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 191.8813 581.7246)"
            class="st22 st6 st23"
          >
            T10508
          </text>
          <g id="_x32_47.0_x2103__73_">
            <rect x="194.6" y="588.9" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 194.5493 595.7705)"
              class="st24 st6 st25"
              :style="degreeState['T10508'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10508"] }}℃
            </text>
          </g>
          <line class="st26" x1="178.4" y1="568.7" x2="237.7" y2="568.7" />
        </g>

        <!--第9-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M544.1,599.1c0,2.1-1.7,3.9-3.9,3.9h-51.6c-2.1,0-3.9-1.7-3.9-3.9v-60.9c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V599.1z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="488.5"
                y="551.1"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_16_"
                filterUnits="userSpaceOnUse"
                x="488.5"
                y="551.1"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="488.5"
              y="551.1"
              width="52.2"
              height="13.8"
              id="SVGID_17_"
            >
              <g class="st55">
                <image
                  style="overflow: visible"
                  width="57"
                  height="18"
                  transform="matrix(1 0 0 1 486 549)"
                ></image>
              </g>
            </mask>
            <g class="st56">
              <rect
                x="488.5"
                y="551.1"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="488.7"
                y="585.3"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_17_"
                filterUnits="userSpaceOnUse"
                x="488.7"
                y="585.3"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="488.7"
              y="585.3"
              width="52.2"
              height="13.8"
              id="SVGID_18_"
            >
              <g class="st57">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 486 583)"
                ></image>
              </g>
            </mask>
            <g class="st58">
              <rect
                x="488.7"
                y="585.3"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="498.5" y="539.5" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 498.5186 547.1953)"
            class="st22 st6 st23"
          >
            T10513
          </text>
          <g id="_x32_47.0_x2103__82_">
            <rect x="501.2" y="554.2" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 501.1875 560.999)"
              class="st24 st6 st25"
              :style="degreeState['T10513'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10513"] }}℃
            </text>
          </g>
          <rect x="498.3" y="574" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 498.2803 581.7246)"
            class="st22 st6 st23"
          >
            T10514
          </text>
          <g id="_x32_47.0_x2103__77_">
            <rect x="500.9" y="588.9" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 500.9492 595.7705)"
              class="st24 st6 st25"
              :style="degreeState['T10514'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10514"] }}℃
            </text>
          </g>
          <line class="st26" x1="484.8" y1="568.7" x2="544.1" y2="568.7" />
        </g>

        <!--第10-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M625.6,541.2c0,2.1-1.7,3.9-3.9,3.9H570c-2.1,0-3.9-1.7-3.9-3.9v-60.9c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V541.2z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="569.9"
                y="493.1"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_18_"
                filterUnits="userSpaceOnUse"
                x="569.9"
                y="493.1"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="569.9"
              y="493.1"
              width="52.2"
              height="13.8"
              id="SVGID_19_"
            >
              <g class="st59">
                <image
                  style="overflow: visible"
                  width="58"
                  height="18"
                  transform="matrix(1 0 0 1 567 491)"
                ></image>
              </g>
            </mask>
            <g class="st60">
              <rect
                x="569.9"
                y="493.1"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="570.1"
                y="527.4"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_19_"
                filterUnits="userSpaceOnUse"
                x="570.1"
                y="527.4"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="570.1"
              y="527.4"
              width="52.2"
              height="13.8"
              id="SVGID_20_"
            >
              <g class="st61">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 568 525)"
                ></image>
              </g>
            </mask>
            <g class="st62">
              <rect
                x="570.1"
                y="527.4"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="579.9" y="481.6" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 579.9238 489.2432)"
            class="st22 st6 st23"
          >
            T10509
          </text>
          <g id="_x32_47.0_x2103__86_">
            <rect x="582.6" y="496.2" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 582.5928 503.0459)"
              class="st24 st6 st25"
              :style="degreeState['T10509'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10509"] }}℃
            </text>
          </g>
          <rect x="579.7" y="516.1" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 579.6865 523.7715)"
            class="st22 st6 st23"
          >
            T10510
          </text>
          <g id="_x32_47.0_x2103__81_">
            <rect x="582.4" y="531" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 582.3545 537.8174)"
              class="st24 st6 st25"
              :style="degreeState['T10510'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10510"] }}℃
            </text>
          </g>
          <line class="st26" x1="566.2" y1="510.7" x2="625.6" y2="510.7" />
        </g>

        <!--第11-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M672.3,456.6c0,2.1-1.7,3.9-3.9,3.9h-51.6c-2.1,0-3.9-1.7-3.9-3.9v-60.9c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V456.6z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="616.6"
                y="408.6"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_20_"
                filterUnits="userSpaceOnUse"
                x="616.6"
                y="408.6"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="616.6"
              y="408.6"
              width="52.2"
              height="13.8"
              id="SVGID_21_"
            >
              <g class="st63">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 614 406)"
                ></image>
              </g>
            </mask>
            <g class="st64">
              <rect
                x="616.6"
                y="408.6"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="616.9"
                y="442.8"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_21_"
                filterUnits="userSpaceOnUse"
                x="616.9"
                y="442.8"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="616.9"
              y="442.8"
              width="52.2"
              height="13.8"
              id="SVGID_22_"
            >
              <g class="st65">
                <image
                  style="overflow: visible"
                  width="58"
                  height="19"
                  transform="matrix(1 0 0 1 614 440)"
                ></image>
              </g>
            </mask>
            <g class="st66">
              <rect
                x="616.9"
                y="442.8"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="626.7" y="397" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 626.6943 404.6641)"
            class="st22 st6 st23"
          >
            T10511
          </text>
          <g id="_x32_47.0_x2103__90_">
            <rect x="629.4" y="411.6" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 629.3633 418.4678)"
              class="st24 st6 st25"
              :style="degreeState['T10511'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10511"] }}℃
            </text>
          </g>
          <rect x="626.5" y="431.5" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 626.457 439.1943)"
            class="st22 st6 st23"
          >
            T10512
          </text>
          <g id="_x32_47.0_x2103__85_">
            <rect x="629.1" y="446.4" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 629.125 453.2402)"
              class="st24 st6 st25"
              :style="degreeState['T10512'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10512"] }}℃
            </text>
          </g>
          <line class="st26" x1="612.9" y1="426.2" x2="672.3" y2="426.2" />
        </g>

        <!--第12-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M700,384.9c0,2.1-1.7,3.9-3.9,3.9h-51.6c-2.1,0-3.9-1.7-3.9-3.9V324c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V384.9z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="644.3"
                y="336.8"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                filterUnits="userSpaceOnUse"
                x="644.3"
                y="336.8"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="644.3"
              y="336.8"
              width="52.2"
              height="13.8"
              id="SVGID_23_"
            >
              <g class="st67">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 642 334)"
                ></image>
              </g>
            </mask>
            <g class="st68">
              <rect
                x="644.3"
                y="336.8"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="644.6"
                y="371.1"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_23_"
                filterUnits="userSpaceOnUse"
                x="644.6"
                y="371.1"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="644.6"
              y="371.1"
              width="52.2"
              height="13.8"
              id="SVGID_24_"
            >
              <g class="st69">
                <image
                  style="overflow: visible"
                  width="57"
                  height="18"
                  transform="matrix(1 0 0 1 642 369)"
                ></image>
              </g>
            </mask>
            <g class="st70">
              <rect
                x="644.6"
                y="371.1"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="654.4" y="325.2" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 654.3711 332.9326)"
            class="st22 st6 st23"
          >
            T10515
          </text>
          <g id="_x32_47.0_x2103__94_">
            <rect x="657" y="339.9" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 657.0391 346.7354)"
              class="st24 st6 st25"
              :style="degreeState['T10515'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10515"] }}℃
            </text>
          </g>
          <rect x="654.1" y="359.8" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 654.1328 367.4619)"
            class="st22 st6 st23"
          >
            T10516
          </text>
          <g id="_x32_47.0_x2103__89_">
            <rect x="656.8" y="374.7" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 656.8018 381.5078)"
              class="st24 st6 st25"
              :style="degreeState['T10516'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10516"] }}℃
            </text>
          </g>
          <line class="st26" x1="640.6" y1="354.4" x2="700" y2="354.4" />
        </g>

        <!--第13-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M677.2,226.7c0,2.1-1.7,3.9-3.9,3.9h-51.6c-2.1,0-3.9-1.7-3.9-3.9v-60.9c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V226.7z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="621.5"
                y="178.7"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_24_"
                filterUnits="userSpaceOnUse"
                x="621.5"
                y="178.7"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="621.5"
              y="178.7"
              width="52.2"
              height="13.8"
              id="SVGID_25_"
            >
              <g class="st71">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 619 176)"
                ></image>
              </g>
            </mask>
            <g class="st72">
              <rect
                x="621.5"
                y="178.7"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="621.7"
                y="212.9"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_25_"
                filterUnits="userSpaceOnUse"
                x="621.7"
                y="212.9"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="621.7"
              y="212.9"
              width="52.2"
              height="13.8"
              id="SVGID_26_"
            >
              <g class="st73">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 619 210)"
                ></image>
              </g>
            </mask>
            <g class="st74">
              <rect
                x="621.7"
                y="212.9"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="631.6" y="167.1" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 631.5596 174.7822)"
            class="st22 st6 st23"
          >
            T10517
          </text>
          <g id="_x32_47.0_x2103__98_">
            <rect x="634.2" y="181.8" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 634.2275 188.5864)"
              class="st24 st6 st25"
              :style="degreeState['T10517'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10517"] }}℃
            </text>
          </g>
          <rect x="631.3" y="201.6" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 631.3213 209.3115)"
            class="st22 st6 st23"
          >
            T10518
          </text>
          <g id="_x32_47.0_x2103__93_">
            <rect x="634" y="216.5" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 633.9902 223.3579)"
              class="st24 st6 st25"
              :style="degreeState['T10518'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10518"] }}℃
            </text>
          </g>
          <line class="st26" x1="617.8" y1="196.3" x2="677.2" y2="196.3" />
        </g>

        <!--第14-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M632.4,122.9c0,2.1-1.7,3.9-3.9,3.9h-51.6c-2.1,0-3.9-1.7-3.9-3.9V62c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V122.9z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="576.7"
                y="74.9"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_26_"
                filterUnits="userSpaceOnUse"
                x="576.7"
                y="74.9"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="576.7"
              y="74.9"
              width="52.2"
              height="13.8"
              id="SVGID_27_"
            >
              <g class="st75">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 574 72)"
                ></image>
              </g>
            </mask>
            <g class="st76">
              <rect
                x="576.7"
                y="74.9"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="576.9"
                y="109.1"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_27_"
                filterUnits="userSpaceOnUse"
                x="576.9"
                y="109.1"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="576.9"
              y="109.1"
              width="52.2"
              height="13.8"
              id="SVGID_28_"
            >
              <g class="st77">
                <image
                  style="overflow: visible"
                  width="58"
                  height="18"
                  transform="matrix(1 0 0 1 574 107)"
                ></image>
              </g>
            </mask>
            <g class="st78">
              <rect
                x="576.9"
                y="109.1"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="586.8" y="63.3" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 586.7559 70.9531)"
            class="st22 st6 st23"
          >
            T10521
          </text>
          <g id="_x32_47.0_x2103__102_">
            <rect x="589.4" y="77.9" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 589.4248 84.7563)"
              class="st24 st6 st25"
              :style="degreeState['T10521'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10521"] }}℃
            </text>
          </g>
          <rect x="586.5" y="97.8" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 586.5176 105.4814)"
            class="st22 st6 st23"
          >
            T10522
          </text>
          <g id="_x32_47.0_x2103__97_">
            <rect x="589.2" y="112.7" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 589.1865 119.5288)"
              class="st24 st6 st25"
              :style="degreeState['T10522'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10522"] }}℃
            </text>
          </g>
          <line class="st26" x1="573" y1="92.5" x2="632.4" y2="92.5" />
        </g>

        <!--第15-->
        <g>
          <g :class="hover.T10523">
            <g>
              <path
                class="st16"
                d="M554.2,71.8c0,2.1-1.7,3.9-3.9,3.9h-51.6c-2.1,0-3.9-1.7-3.9-3.9V11c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V71.8z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="498.5"
                y="23.8"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_28_"
                filterUnits="userSpaceOnUse"
                x="498.5"
                y="23.8"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="498.5"
              y="23.8"
              width="52.2"
              height="13.8"
              id="SVGID_29_"
            >
              <g class="st79">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 496 21)"
                ></image>
              </g>
            </mask>
            <g class="st80">
              <rect
                x="498.5"
                y="23.8"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="498.8"
                y="58.1"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_29_"
                filterUnits="userSpaceOnUse"
                x="498.8"
                y="58.1"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="498.8"
              y="58.1"
              width="52.2"
              height="13.8"
              id="SVGID_30_"
            >
              <g class="st81">
                <image
                  style="overflow: visible"
                  width="57"
                  height="18"
                  transform="matrix(1 0 0 1 496 56)"
                ></image>
              </g>
            </mask>
            <g class="st82">
              <rect
                x="498.8"
                y="58.1"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="508.6" y="12.2" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 508.5986 19.9199)"
            class="st22 st6 st23"
          >
            T10523
          </text>
          <g id="_x32_47.0_x2103__106_">
            <rect x="511.3" y="26.9" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 511.2666 33.7231)"
              class="st24 st6 st25"
              :style="degreeState['T10523'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10523"] }}℃
            </text>
          </g>
          <rect x="508.4" y="46.8" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 508.3604 54.4492)"
            class="st22 st6 st23"
          >
            T10524
          </text>
          <g id="_x32_47.0_x2103__101_">
            <rect x="511" y="61.7" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 511.0293 68.4956)"
              class="st24 st6 st25"
              :style="degreeState['T10524'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10524"] }}℃
            </text>
          </g>
          <line class="st26" x1="494.8" y1="41.4" x2="554.2" y2="41.4" />
        </g>

        <!--第16-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M450,82.9c0,2.1-1.7,3.9-3.9,3.9h-51.6c-2.1,0-3.9-1.7-3.9-3.9V22.1c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V82.9z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="394.3"
                y="34.9"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_30_"
                filterUnits="userSpaceOnUse"
                x="394.3"
                y="34.9"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="394.3"
              y="34.9"
              width="52.2"
              height="13.8"
              id="SVGID_31_"
            >
              <g class="st83">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 392 32)"
                ></image>
              </g>
            </mask>
            <g class="st84">
              <rect
                x="394.3"
                y="34.9"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="394.6"
                y="69.1"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_31_"
                filterUnits="userSpaceOnUse"
                x="394.6"
                y="69.1"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="394.6"
              y="69.1"
              width="52.2"
              height="13.8"
              id="SVGID_32_"
            >
              <g class="st85">
                <image
                  style="overflow: visible"
                  width="57"
                  height="18"
                  transform="matrix(1 0 0 1 392 67)"
                ></image>
              </g>
            </mask>
            <g class="st86">
              <rect
                x="394.6"
                y="69.1"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <rect x="404.4" y="23.3" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 404.3926 30.9922)"
            class="st22 st6 st23"
          >
            T10527
          </text>
          <g id="_x32_47.0_x2103__110_">
            <rect x="407.1" y="38" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 407.0615 44.7964)"
              class="st24 st6 st25"
              :style="degreeState['T10527'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10527"] }}℃
            </text>
          </g>
          <rect x="404.2" y="57.8" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 404.1553 65.5225)"
            class="st22 st6 st23"
          >
            T10528
          </text>
          <g id="_x32_47.0_x2103__105_">
            <rect x="406.8" y="72.7" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 406.8232 79.5679)"
              class="st24 st6 st25"
              :style="degreeState['T10528'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10528"] }}℃
            </text>
          </g>
          <line class="st26" x1="390.6" y1="52.5" x2="450" y2="52.5" />
        </g>

        <!--第17-->
        <g>
          <g>
            <g>
              <path
                class="st16"
                d="M293.4,74.8c0,2.1-1.7,3.9-3.9,3.9h-51.6c-2.1,0-3.9-1.7-3.9-3.9V14c0-2.1,1.7-3.9,3.9-3.9h51.6
          c2.1,0,3.9,1.7,3.9,3.9V74.8z"
              />
            </g>
          </g>
          <g>
            <g>
              <rect
                x="237.7"
                y="26.8"
                class="st13"
                width="52.2"
                height="13.8"
              />
            </g>

            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_32_"
                filterUnits="userSpaceOnUse"
                x="237.7"
                y="26.8"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>

            <mask
              maskUnits="userSpaceOnUse"
              x="237.7"
              y="26.8"
              width="52.2"
              height="13.8"
              id="SVGID_33_"
            >
              <g class="st87">
                <image
                  style="overflow: visible"
                  width="57"
                  height="19"
                  transform="matrix(1 0 0 1 235 24)"
                ></image>
              </g>
            </mask>

            <g class="st88">
              <rect
                x="237.7"
                y="26.8"
                class="st19"
                width="52.2"
                height="13.8"
              />
            </g>
          </g>
          <g>
            <g>
              <rect x="238" y="61" class="st13" width="52.2" height="13.8" />
            </g>
            <defs>
              <filter
                id="Adobe_OpacityMaskFilter_33_"
                filterUnits="userSpaceOnUse"
                x="238"
                y="61"
                width="52.2"
                height="13.8"
              >
                <feColorMatrix
                  type="matrix"
                  values="-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
                  color-interpolation-filters="sRGB"
                  result="source"
                />
              </filter>
            </defs>
            <mask
              maskUnits="userSpaceOnUse"
              x="238"
              y="61"
              width="52.2"
              height="13.8"
              id="SVGID_34_"
            >
              <g class="st89">
                <image
                  style="overflow: visible"
                  width="58"
                  height="18"
                  transform="matrix(1 0 0 1 235 59)"
                ></image>
              </g>
            </mask>
            <g class="st90">
              <rect x="238" y="61" class="st19" width="52.2" height="13.8" />
            </g>
          </g>
          <rect x="247.8" y="15.2" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 247.8062 22.8818)"
            class="st22 st6 st23"
          >
            T10519
          </text>
          <g id="_x32_47.0_x2103__114_">
            <rect x="250.5" y="29.9" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 250.4751 36.686)"
              class="st24 st6 st25"
              :style="degreeState['T10519'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10519"] }}℃
            </text>
          </g>
          <rect x="247.6" y="49.7" class="st1" width="32.6" height="9.9" />
          <text
            transform="matrix(1 0 0 1 247.5679 57.4111)"
            class="st22 st6 st23"
          >
            T10520
          </text>
          <g id="_x32_47.0_x2103__109_">
            <rect x="250.2" y="64.6" class="st1" width="32.6" height="9.9" />
            <text
              transform="matrix(1 0 0 1 250.2368 71.4575)"
              class="st24 st6 st25"
              :style="degreeState['T10520'] != 0 ? 'fill: red' : ''"
            >
              {{ degree["T10520"] }}℃
            </text>
          </g>
          <line class="st26" x1="234" y1="44.4" x2="293.4" y2="44.4" />
        </g>

        <g id="坐标轴x">
          <g>
            <line class="st0" x1="54.6" y1="302.7" x2="660" y2="302.7" />
            <g>
              <polygon
                class="st2"
                points="654.4,310.1 657.5,302.7 654.4,295.3 671.9,302.7 			"
              />
            </g>
          </g>
        </g>
        <g id="坐标轴y">
          <g>
            <line class="st0" x1="359.3" y1="578.6" x2="359.3" y2="30.8" />
            <g>
              <polygon
                class="st2"
                points="366.7,36.4 359.3,33.2 351.9,36.4 359.3,18.8 			"
              />
            </g>
          </g>
        </g>
        <g id="准星_5_">
          <circle class="st91" cx="440.6" cy="302.2" r="26.4" />
          <line class="st91" x1="404.5" y1="302.7" x2="473.9" y2="302.7" />
          <line class="st91" x1="440.6" y1="337.4" x2="440.6" y2="268" />
        </g>
        <g id="准星_8_">
          <circle class="st91" cx="318.7" cy="371.1" r="26.4" />
          <line class="st91" x1="282.5" y1="371.5" x2="351.9" y2="371.5" />
          <line class="st91" x1="318.7" y1="406.2" x2="318.7" y2="336.8" />
        </g>
        <g id="准星_1_">
          <circle class="st91" cx="196.5" cy="302.2" r="26.4" />
          <line class="st91" x1="160.3" y1="302.6" x2="229.7" y2="302.6" />
          <line class="st91" x1="196.5" y1="337.3" x2="196.5" y2="267.9" />
        </g>
        <g id="准星">
          <circle class="st91" cx="319.1" cy="98.7" r="26.4" />
          <line class="st91" x1="282.9" y1="99.1" x2="352.3" y2="99.1" />
          <line class="st91" x1="319.1" y1="133.8" x2="319.1" y2="64.4" />
        </g>
        <g id="准星_6_">
          <circle class="st91" cx="440.6" cy="167" r="26.4" />
          <line class="st91" x1="404.5" y1="167.4" x2="473.9" y2="167.4" />
          <line class="st91" x1="440.6" y1="202.1" x2="440.6" y2="132.7" />
        </g>
        <g id="准星_2_">
          <circle class="st91" cx="318.7" cy="506.4" r="26.4" />
          <line class="st91" x1="282.5" y1="506.8" x2="351.9" y2="506.8" />
          <line class="st91" x1="318.7" y1="541.5" x2="318.7" y2="472.1" />
        </g>
        <g id="准星_3_">
          <circle class="st91" cx="440.2" cy="438.6" r="26.4" />
          <line class="st91" x1="404" y1="439" x2="473.4" y2="439" />
          <line class="st91" x1="440.2" y1="473.7" x2="440.2" y2="404.3" />
        </g>
        <g id="准星_4_">
          <circle class="st91" cx="562.8" cy="370.8" r="26.4" />
          <line class="st91" x1="526.6" y1="371.2" x2="596" y2="371.2" />
          <line class="st91" x1="562.8" y1="405.9" x2="562.8" y2="336.5" />
        </g>
        <circle class="st92" cx="298.2" cy="155.8" r="3.5" />
        <circle class="st92" cx="237.1" cy="190.1" r="3.5" />
        <circle class="st93" cx="440.7" cy="134.1" r="3.5" />
        <circle class="st93" cx="472.4" cy="184.6" r="3.5" />
        <circle class="st92" cx="277.9" cy="257.9" r="3.5" />
        <circle class="st93" cx="441" cy="257.9" r="3.5" />
        <circle class="st93" cx="522.1" cy="280.6" r="3.5" />
        <circle class="st93" cx="522.1" cy="348.5" r="3.5" />
        <circle class="st93" cx="481.4" cy="416.9" r="3.5" />
        <circle class="st93" cx="359.3" cy="461.7" r="3.5" />
        <circle class="st93" cx="318.8" cy="416.9" r="3.5" />
        <circle class="st93" cx="237.1" cy="416.4" r="3.5" />
        <circle class="st93" cx="257.5" cy="359.6" r="3.5" />
        <circle class="st93" cx="359.3" cy="212.7" r="3.5" />
        <circle class="st93" cx="359.3" cy="280.5" r="3.5" />
        <circle class="st92" cx="318.6" cy="325.8" r="3.5" />
        <circle class="st93" cx="400" cy="325.8" r="3.5" />
        <line
          id="指示线"
          class="st94"
          :class="hover.T10519"
          x1="289.7"
          y1="78.7"
          x2="357.5"
          y2="277.4"
        />
        <line
          id="指示线_1_"
          class="st94"
          :class="hover.T10525"
          x1="205.4"
          y1="70.4"
          x2="295"
          y2="154.3"
        />
        <line
          id="指示线_2_"
          class="st94"
          :class="hover.T10531"
          x1="129.1"
          y1="137.1"
          x2="234.1"
          y2="188.4"
        />
        <line
          id="指示线_3_"
          class="st94"
          :class="hover.T10529"
          x1="79"
          y1="179.2"
          x2="274.3"
          y2="255.9"
        />
        <line
          id="指示线_4_"
          class="st94"
          :class="hover.T10533"
          x1="65"
          y1="261.4"
          x2="321.8"
          y2="325.8"
        />
        <line
          id="指示线_5_"
          class="st94"
          :class="hover.T10503"
          x1="73.2"
          y1="368.2"
          x2="254"
          y2="359.6"
        />
        <line
          id="指示线_6_"
          class="st94"
          :class="hover.T10501"
          x1="104.5"
          y1="446.4"
          x2="233.9"
          y2="418.2"
        />
        <line
          id="指示线_7_"
          class="st94"
          :class="hover.T10505"
          x1="160.4"
          y1="522.8"
          x2="316.1"
          y2="419.2"
        />
        <line
          id="指示线_8_"
          class="st94"
          :class="hover.T10507"
          x1="237.9"
          y1="568.7"
          x2="356.7"
          y2="464.1"
        />
        <line
          id="指示线_9_"
          class="st94"
          :class="hover.T10513"
          x1="486.3"
          y1="535"
          x2="401.4"
          y2="329"
        />
        <line
          id="指示线_10_"
          class="st94"
          :class="hover.T10509"
          x1="566.3"
          y1="480.3"
          x2="485"
          y2="418.4"
        />
        <line
          id="指示线_11_"
          class="st94"
          :class="hover.T10511"
          x1="612.8"
          y1="395.7"
          x2="525.9"
          y2="350.6"
        />
        <line
          id="指示线_12_"
          class="st94"
          :class="hover.T10517"
          x1="617.9"
          y1="196.3"
          x2="443.9"
          y2="256"
        />
        <line
          id="指示线_16_"
          class="st94"
          :class="hover.T10515"
          x1="640.6"
          y1="324"
          x2="525.6"
          y2="282.5"
        />
        <line
          id="指示线_13_"
          class="st94"
          :class="hover.T10521"
          x1="577"
          y1="126.8"
          x2="474.6"
          y2="181.8"
        />
        <line
          id="指示线_14_"
          class="st94"
          :class="hover.T10523"
          x1="498.8"
          y1="75.7"
          x2="443.1"
          y2="131.6"
        />
        <line
          id="指示线_15_"
          class="st94"
          :class="hover.T10527"
          x1="394.2"
          y1="86.8"
          x2="359.3"
          y2="209.1"
        />
      </svg>

      <div class="state-data">
        <div class="state-box box1">
          <div>
            <li v-for="(item, index) in topLeft" :key="index">
              {{ item.name }}:<span
                class="val"
                :style="topLeftState[item.name] != 0 ? 'color: red' : ''"
                >{{ item.value }}{{ item.unit }}</span
              >
            </li>
          </div>
        </div>
        <div class="state-box box2">
          <div><b>堆芯状态</b></div>
          <div class="box-item">
            <li class="gray">出口温度分析</li>
            <li>
              <span>状态</span>
              <span
                class="green"
                :style="'background:' + colorStatus(coreState.TempState)"
              ></span>
            </li>
            <li>
              <span>包壳破损份额:</span>
              <span class="val">{{ coreState.TempBreak }}%</span>
            </li>
            <li>
              <span>燃料熔化份额:</span>
              <span class="val">{{ coreState.TempOver }}%</span>
            </li>

            <li class="gray">覆盖气体破损探测分析</li>
            <li>
              <span>状态</span>
              <span
                class="green"
                :style="'background:' + colorStatus(coreState.DoseState)"
              ></span>
            </li>
            <li>
              <span>包壳破损份额:</span>
              <span class="val">{{ coreState.DoseBreak }}%</span>
            </li>
            <li>
              <span>燃料熔化份额:</span>
              <span class="val">{{ coreState.DoseOver }}%</span>
            </li>

            <li class="gray">缓发中子探测分析</li>
            <li>
              <span>状态</span>
              <span
                class="green"
                :style="'background:' + colorStatus(coreState.NeutState)"
              ></span>
            </li>
            <li>
              <span>燃料熔化份额:</span>
              <span class="val">{{ coreState.NeutOver }}%</span>
            </li>
          </div>
        </div>
        <div class="state-box box3">
          <div>图例：</div>
          <div class="explain">
            <li><span class="green"></span> 安全</li>
            <li>
              <span class="green" style="background: #f0dc81"></span> 仅有破损
            </li>
            <li>
              <span class="green" style="background: #eaa097"></span> 仅有过热
            </li>
            <li>
              <span class="green" style="background: #cf5151"></span>
              有破损，也有过热
            </li>
            <li>
              <span class="green" style="background: #f1f1f1"></span> 状态不明
            </li>
          </div>
        </div>
        <div class="state-box box4">
          <div>
            {{ bottomLeft.paramterName }}：<span
              class="val"
              :style="bottomLeftState != 0 ? 'color: red' : ''"
              >{{ formatParamValue(bottomLeft) }}{{ bottomLeft.unit }}</span
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { flagDataList, getReactorCore } from "@/api/emergency/KDFacility";
export default {
  name: "index",
  components: {},
  data() {
    return {
      hover: {
        T10501: "",
        T10503: "",
        T10505: "",
        T10507: "",
        T10509: "",
        T10511: "",
        T10513: "",
        T10515: "",
        T10517: "",
        T10519: "",
        T10521: "",
        T10523: "",
        T10525: "",
        T10527: "",
        T10529: "",
        T10531: "",
        T10533: "",
      },
      degree: {},
      degreeState: {},
      coreState: {},
      ids: [],
      nowTime: new Date().getTime(),
      coreData: [],
      topLeft: [],
      topLeftState: [],
      bottomLeft: {},
      bottomLeftState: "",
    };
  },
  props: {
    facId: {
      type: Number,
      default: 1,
    },
  },
  mounted() {
    this.getChartsDataFlag();
    this.getReactorCoreData();
  },
  methods: {
    // 移入
    mouseOver(val) {
      if (val == "T10501") this.hover.T10501 = "cur";
      if (val == "T10503") this.hover.T10503 = "cur";
      if (val == "T10505") this.hover.T10505 = "cur";
      if (val == "T10507") this.hover.T10507 = "cur";
      if (val == "T10509") this.hover.T10509 = "cur";
      if (val == "T10511") this.hover.T10511 = "cur";
      if (val == "T10513") this.hover.T10513 = "cur";
      if (val == "T10515") this.hover.T10515 = "cur";
      if (val == "T10517") this.hover.T10517 = "cur";
      if (val == "T10519") this.hover.T10519 = "cur";
      if (val == "T10521") this.hover.T10521 = "cur";
      if (val == "T10523") this.hover.T10523 = "cur";
      if (val == "T10525") this.hover.T10525 = "cur";
      if (val == "T10527") this.hover.T10527 = "cur";
      if (val == "T10529") this.hover.T10529 = "cur";
      if (val == "T10531") this.hover.T10531 = "cur";
      if (val == "T10533") this.hover.T10533 = "cur";
    },
    // 移出
    mouseLeave(val) {
      if (val == "T10501") this.hover.T10501 = "";
      if (val == "T10503") this.hover.T10503 = "";
      if (val == "T10505") this.hover.T10505 = "";
      if (val == "T10507") this.hover.T10507 = "";
      if (val == "T10509") this.hover.T10509 = "";
      if (val == "T10511") this.hover.T10511 = "";
      if (val == "T10513") this.hover.T10513 = "";
      if (val == "T10515") this.hover.T10515 = "";
      if (val == "T10517") this.hover.T10517 = "";
      if (val == "T10519") this.hover.T10519 = "";
      if (val == "T10521") this.hover.T10521 = "";
      if (val == "T10523") this.hover.T10523 = "";
      if (val == "T10525") this.hover.T10525 = "";
      if (val == "T10527") this.hover.T10527 = "";
      if (val == "T10529") this.hover.T10529 = "";
      if (val == "T10531") this.hover.T10531 = "";
      if (val == "T10533") this.hover.T10533 = "";
    },

    colorStatus(key) {
      switch (key) {
        case 0:
          return "#92da92";
          break; // 安全
        case 1:
          return "#f0dc81";
          break; // 仅有破损
        case 2:
          return "#eaa097";
          break; // 仅有过热
        case 3:
          return "#cf5151";
          break; // 有破损/有过热
        default:
          return "#ffffff";
          break; // 状态不明
      }
    },
    getChartsDataFlag() {
      this.$axios
        .get("/static/emergency/reactor/mongdbDataFlag.json")
        .then((res) => {
          // flagDataList({ reactorName: this.facId.toString() }).then((res) => {
          if (res.data.code == 200) {
            this.degree = res.data.data.data;

            // 堆芯左边数据
            let keys = Object.keys(this.degree);
            let valsTopLeft_1 = [];
            let valsTopLeft_2 = [];
            let valsTopLeft_3 = [];
            let valsTopLeft = [];

            keys.filter((item) => {
              if (item.includes("安全棒棒位")) {
                valsTopLeft_1.push(item);
              }
              if (item.includes("调节棒棒位")) {
                valsTopLeft_2.push(item);
              }
              if (item.includes("补偿棒棒位")) {
                valsTopLeft_3.push(item);
              }
              // if(item.includes('C31')){
              //   this.bottomLeft = this.degree[item]
              // }
              if (item.includes("堆芯出口温度测点-")) {
                let temp = this.degree[item];
                delete this.degree[item];
                /*let reg = new RegExp('堆芯出口温度测点-')
                let name = item.replace(reg, '')
                this.degree[name] = temp*/
              }
            });

            valsTopLeft_1.sort().forEach((item) => {
              valsTopLeft.push(item);
            });
            valsTopLeft_2.sort().forEach((item) => {
              valsTopLeft.push(item);
            });
            valsTopLeft_3.sort().forEach((item) => {
              valsTopLeft.push(item);
            });

            let topLeft = [];
            valsTopLeft.forEach((item) => {
              console.log(item, this.degree[item]);
              let topLeftItem = res.data.data.paramObjectList.filter(
                (paramItem) => paramItem.paramterName == item
              );
              topLeft.push({
                name: item,
                value: this.degree[item],
                unit:
                  topLeftItem != null && topLeftItem.length > 0
                    ? topLeftItem[0].unit
                    : "",
              });
            });
            this.topLeft = topLeft;
            let paramObjectList = res.data.data.paramObjectList;
            paramObjectList.forEach((item) => {
              let temp = item.paramterName;
              // if(temp.includes('堆芯出口温度测点-')) {
              //   let reg = new RegExp('堆芯出口温度测点-')
              //   let name = temp.replace(reg, '')
              //   this.degreeState[name] = item.flag

              //   /*温度*/
              //   this.temper = this.formatParamValue(item)
              //   console.log('22222',this.temper)
              //   this.degree[name] = this.temper

              // }
              // if(temp.includes('棒棒位')) {
              //   this.topLeftState[temp] = item.flag
              // }
              // if(temp.includes('C31')) {
              //   this.bottomLeftState = item.flag
              //   this.bottomLeft = item
              // }
              if (temp.includes("堆芯出口温度测点-")) {
                let reg = new RegExp("堆芯出口温度测点-");
                let name = temp.replace(reg, "");
                // xrc修改
                if (
                  item.paramNumber < item.min ||
                  item.paramNumber > item.max
                ) {
                  this.degreeState[name] = 1;
                } else {
                  this.degreeState[name] = 0;
                }
                // this.degreeState[name] = item.flag;
                /*温度*/
                this.temper = this.formatParamValue(item);
                // console.log("22222", this.temper);
                this.degree[name] = this.temper;
              }
              if (temp.includes("棒棒位")) {
                if (
                  item.paramNumber < item.min ||
                  item.paramNumber > item.max
                ) {
                  this.topLeftState[temp] = 1;
                } else {
                  this.topLeftState[temp] = 0;
                }
                // this.topLeftState[temp] = item.flag;
              }
              if (temp.includes("C31")) {
                if (
                  item.paramNumber < item.min ||
                  item.paramNumber > item.max
                ) {
                  this.bottomLeftState = 1;
                } else {
                  this.bottomLeftState = 0;
                }
                // this.bottomLeftState = item.flag;
                /*传过来一个实体*/
                this.bottomLeft = item;
                console.log("llllllll", this.bottomLeft);
              }
            });
          }
        });
    },
    getReactorCoreData() {
      this.$axios
        .get("/static/emergency/reactor/mongdbDataReactorCore.json")
        .then((res) => {
          // getReactorCore({ reactorName: this.facId.toString() }).then((res) => {
          this.coreState = res.data.data.data;
        });
    },

    /*处理小数和科学计数法的函数*/
    formatParamValue(item) {
      if (this.praseStrEmpty(item.paramNumber) != "") {
        if (Number(item.scmFlag) == 1) {
          let str = "";
          let num = Math.abs(item.paramNumber);
          let p = num == 0 ? 0 : Math.floor(Math.log(num) / Math.LN10);
          let m = 0;

          if (num.toString().indexOf(".") > -1) {
            m = num.toString().split(".")[1].length;
          }

          let n =
            Number(num.toString().replace(".", "")) * Math.pow(10, -p - m);
          str =
            (item.paramNumber >= 0 ? "" : "-") +
            parseFloat(n).toFixed(item.bit) +
            "E" +
            (p >= 0 ? "+" : "-");
          let pNew = (new Array(2).join(0) + Math.abs(p)).slice(-2);
          str += pNew;
          return str;
        }
        if (Number(item.bit) >= 0) {
          let num = parseFloat(item.paramNumber).toFixed(item.bit);
          return num;
        }
      }
      return item.paramNumber;
    },
  },
};
</script>

<style scoped lang="scss">
.svg-box {
  width: 100%;
  position: relative;
  text-align: center;
}
.st0 {
  fill: none;
  stroke: #231815;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.st1 {
  fill: none;
}
.st2 {
  fill: #231815;
}
.st3 {
  font-family: "STFangsong";
}
.st4 {
  font-size: 9.0454px;
}
.st5 {
  fill: #ffffff;
  stroke: #231815;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.st6 {
  font-family: "PingFang-SC-Medium";
}
.st7 {
  font-size: 7.3494px;
}
.st8 {
  font-size: 10.1761px;
}
.st9 {
  fill: #ffffff;
  stroke: #040000;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.st10 {
  fill: #eba095;
  stroke: #040000;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.st11 {
  fill: #8fdb8f;
  stroke: #040000;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.st12 {
  fill: #d1504e;
  stroke: #070001;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.st13 {
  fill: #ffffff;
}
.st14 {
  fill: #fffdfd;
}
.st15 {
  fill: #f0dd7a;
  stroke: #040000;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.st16 {
  fill: #f0f2f0;
}
.st17 {
  filter: url(#Adobe_OpacityMaskFilter);
}
.st18 {
  opacity: 0.75;
  mask: url(#SVGID_1_);
}
.st19 {
  fill: #e4e6ea;
}
.st20 {
  filter: url(#Adobe_OpacityMaskFilter_1_);
}
.st21 {
  opacity: 0.75;
  mask: url(#SVGID_2_);
}
.st22 {
  fill: #231815;
  stroke: #231815;
  stroke-miterlimit: 10;
}
.st23 {
  font-size: 8.7334px;
}
.st24 {
  fill: #59504d;
}
.st25 {
  font-size: 7.763px;
}
.st26 {
  fill: none;
  stroke: #bec9d3;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.st27 {
  filter: url(#Adobe_OpacityMaskFilter_2_);
}
.st28 {
  opacity: 0.75;
  mask: url(#SVGID_3_);
}
.st29 {
  filter: url(#Adobe_OpacityMaskFilter_3_);
}
.st30 {
  opacity: 0.75;
  mask: url(#SVGID_4_);
}
.st31 {
  filter: url(#Adobe_OpacityMaskFilter_4_);
}
.st32 {
  opacity: 0.75;
  mask: url(#SVGID_5_);
}
.st33 {
  filter: url(#Adobe_OpacityMaskFilter_5_);
}
.st34 {
  opacity: 0.75;
  mask: url(#SVGID_6_);
}
.st35 {
  filter: url(#Adobe_OpacityMaskFilter_6_);
}
.st36 {
  opacity: 0.75;
  mask: url(#SVGID_7_);
}
.st37 {
  filter: url(#Adobe_OpacityMaskFilter_7_);
}
.st38 {
  opacity: 0.75;
  mask: url(#SVGID_8_);
}
.st39 {
  filter: url(#Adobe_OpacityMaskFilter_8_);
}
.st40 {
  opacity: 0.75;
  mask: url(#SVGID_9_);
}
.st41 {
  filter: url(#Adobe_OpacityMaskFilter_9_);
}
.st42 {
  opacity: 0.75;
  mask: url(#SVGID_10_);
}
.st43 {
  filter: url(#Adobe_OpacityMaskFilter_10_);
}
.st44 {
  opacity: 0.75;
  mask: url(#SVGID_11_);
}
.st45 {
  filter: url(#Adobe_OpacityMaskFilter_11_);
}
.st46 {
  opacity: 0.75;
  mask: url(#SVGID_12_);
}
.st47 {
  filter: url(#Adobe_OpacityMaskFilter_12_);
}
.st48 {
  opacity: 0.75;
  mask: url(#SVGID_13_);
}
.st49 {
  filter: url(#Adobe_OpacityMaskFilter_13_);
}
.st50 {
  opacity: 0.75;
  mask: url(#SVGID_14_);
}
.st51 {
  filter: url(#Adobe_OpacityMaskFilter_14_);
}
.st52 {
  opacity: 0.75;
  mask: url(#SVGID_15_);
}
.st53 {
  filter: url(#Adobe_OpacityMaskFilter_15_);
}
.st54 {
  opacity: 0.75;
  mask: url(#SVGID_16_);
}
.st55 {
  filter: url(#Adobe_OpacityMaskFilter_16_);
}
.st56 {
  opacity: 0.75;
  mask: url(#SVGID_17_);
}
.st57 {
  filter: url(#Adobe_OpacityMaskFilter_17_);
}
.st58 {
  opacity: 0.75;
  mask: url(#SVGID_18_);
}
.st59 {
  filter: url(#Adobe_OpacityMaskFilter_18_);
}
.st60 {
  opacity: 0.75;
  mask: url(#SVGID_19_);
}
.st61 {
  filter: url(#Adobe_OpacityMaskFilter_19_);
}
.st62 {
  opacity: 0.75;
  mask: url(#SVGID_20_);
}
.st63 {
  filter: url(#Adobe_OpacityMaskFilter_20_);
}
.st64 {
  opacity: 0.75;
  mask: url(#SVGID_21_);
}
.st65 {
  filter: url(#Adobe_OpacityMaskFilter_21_);
}
.st66 {
  opacity: 0.75;
  mask: url(#SVGID_22_);
}
.st67 {
  filter: url(#Adobe_OpacityMaskFilter_22_);
}
.st68 {
  opacity: 0.75;
  mask: url(#SVGID_23_);
}
.st69 {
  filter: url(#Adobe_OpacityMaskFilter_23_);
}
.st70 {
  opacity: 0.75;
  mask: url(#SVGID_24_);
}
.st71 {
  filter: url(#Adobe_OpacityMaskFilter_24_);
}
.st72 {
  opacity: 0.75;
  mask: url(#SVGID_25_);
}
.st73 {
  filter: url(#Adobe_OpacityMaskFilter_25_);
}
.st74 {
  opacity: 0.75;
  mask: url(#SVGID_26_);
}
.st75 {
  filter: url(#Adobe_OpacityMaskFilter_26_);
}
.st76 {
  opacity: 0.75;
  mask: url(#SVGID_27_);
}
.st77 {
  filter: url(#Adobe_OpacityMaskFilter_27_);
}
.st78 {
  opacity: 0.75;
  mask: url(#SVGID_28_);
}
.st79 {
  filter: url(#Adobe_OpacityMaskFilter_28_);
}
.st80 {
  opacity: 0.75;
  mask: url(#SVGID_29_);
}
.st81 {
  filter: url(#Adobe_OpacityMaskFilter_29_);
}
.st82 {
  opacity: 0.75;
  mask: url(#SVGID_30_);
}
.st83 {
  filter: url(#Adobe_OpacityMaskFilter_30_);
}
.st84 {
  opacity: 0.75;
  mask: url(#SVGID_31_);
}
.st85 {
  filter: url(#Adobe_OpacityMaskFilter_31_);
}
.st86 {
  opacity: 0.75;
  mask: url(#SVGID_32_);
}
.st87 {
  filter: url(#Adobe_OpacityMaskFilter_32_);
}
.st88 {
  opacity: 0.75;
  mask: url(#SVGID_33_);
}
.st89 {
  filter: url(#Adobe_OpacityMaskFilter_33_);
}
.st90 {
  opacity: 0.75;
  mask: url(#SVGID_34_);
}
.st91 {
  fill: none;
  stroke: #4c66a6;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.st92 {
  fill: #e7353f;
}
.st93 {
  fill: #e51c24;
}
.st94 {
  fill: none;
  stroke: #4c66a6;
  stroke-width: 1;
  stroke-miterlimit: 10;
}

// 四角状态样式
.state-data {
  font-size: 12px;
  background: #fff;
}
.state-box {
  width: 180px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #cccecc;
  box-shadow: 2px 2px 5px #ccc;
  font-size: 12px;
}

.state-box div {
  list-style: none;
  line-height: 24px;
  text-align: left;
}
.state-box div li {
  margin: 1px;
  padding-left: 5px;
}
// .state-box div:nth-child(1) {
//   height: 40px;
//   line-height: 40px;
//   font-size: 14px;
//   border-bottom: 1px solid #ccc;
//   background: #eaeeea;
// }

.gray {
  background: #eaedf4;
  font-weight: bold;
}
.green {
  width: 13px;
  height: 13px;
  background: #92da92;
  display: inline-block;
  vertical-align: middle;
}

.box1 {
  position: absolute;
  top: 0;
  left: 0;
}
.box2 {
  position: absolute;
  top: 0;
  right: 0;
}
.box3 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.box4 {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
}
.box-item li span:nth-child(1) {
  display: inline-block;
  vertical-align: middle;
}
.explain li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
}
.explain li span {
  margin-right: 15px;
}
.val {
  float: right;
  width: auto;
  background: #f1f1f1;
  padding: 0 5px;
  text-align: center;
}

.cur {
  opacity: 0.5;
}
</style>
